/* Styles for the annotation ruler (all lines) */
.annotation {
}
.annotation.error,
.annotation.warning,
.annotation.task,
.annotation.bookmark,
.annotation.breakpoint,
.annotation.collapsed,
.annotation.expanded, 
.annotation.currentBracket, 
.annotation.matchingBracket, 
.annotation.currentLine, 
.annotation.matchingSearch,  
.annotation.readOccurrence,
.annotation.writeOccurrence, 
.annotation.currentSearch {
}

/* Styles for the annotation ruler (first line) */
.annotationHTML {
	cursor: pointer;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	background-position: center;
	background-repeat: no-repeat;
}
.annotationHTML.error {
	/* images/error.gif */
	background-image: url("");
}
.annotationHTML.warning {
	/* images/warning.gif */
	background-image: url("");
}
.annotationHTML.task {
	/* images/task.gif */
	background-image: url("");
}
.annotationHTML.bookmark {
	/* images/bookmark.gif */
	background-image: url("");
}
.annotationHTML.breakpoint {
	/* images/breakpoint.gif */
	background-image: url("");
}
.annotationHTML.collapsed {
	/* images/collapsed.png */
	width: 14px;
	height: 14px;
	background-image: url("");
}
.annotationHTML.expanded {
	/* images/expanded.png */
	width: 14px;
	height: 14px;	
	background-image: url("");
}
.annotationHTML.multiple {
	/* images/multiple.gif */
	background-image: url("");
}
.annotationHTML.overlay {
	/* images/plus.png */
	background-image: url("");
	background-position: right bottom;
	position: relative;
	top: -16px;
}
.annotationHTML.currentBracket {
	/* images/currentBracket.png */
	background-image: url("");
}
.annotationHTML.matchingBracket {
	/* images/matchingBracket.png */
	background-image: url("");
}
.annotationHTML.currentLine {
	/* images/currentLine.gif */
	background-image: url("");
}
.annotationHTML.matchingSearch {
	/* images/search.gif */
	background-image: url("");
}
.annotationHTML.currentSearch {
	/* images/search.gif */
	background-image: url("");
}

/* Styles for the overview ruler  */
.annotationOverview {
	cursor: pointer;
	border-radius: 2px;
	left: 2px;
	width: 8px;
}
.annotationOverview.task {
	background-color: lightgreen;
	border: 1px solid green;
}
.annotationOverview.breakpoint {
	background-color: lightblue;
	border: 1px solid blue;
}
.annotationOverview.bookmark {
	background-color: yellow;
	border: 1px solid orange;
}
.annotationOverview.error {
	background-color: lightcoral;
	border: 1px solid darkred;
}
.annotationOverview.warning {
	background-color: Gold;
	border: 1px solid black;
}
.annotationOverview.currentBracket {
	background-color: lightgray;
	border: 1px solid red;
}
.annotationOverview.matchingBracket {
	background-color: lightgray;
	border: 1px solid red;
}
.annotationOverview.currentLine {
	background-color: #EAF2FE;
	border: 1px solid black;
}
.annotationOverview.matchingSearch {
	background-color: #C3E1FF;
	border: 1px solid black;
}
.annotationOverview.currentSearch {
	background-color: #53D1FF;
	border: 1px solid black;
}
.annotationOverview.readOccurrence {
	background-color: lightgray;
	border: 1px solid black;
}
.annotationOverview.writeOccurrence {
	background-color: Gold;
	border: 1px solid darkred;
}

/* Styles for text range */
.annotationRange {
	background-repeat: repeat-x;
 	background-position: left bottom;
}
.annotationRange.task {
	/* images/squiggly_task.png */
	background-image: url("");
}
.annotationRange.breakpoint {
	/* images/squiggly_breakpoint.png */
	background-image: url("");
}
.annotationRange.bookmark {
	/* images/squiggly_bookmark.png */
	background-image: url("");
}
.annotationRange.error {
	/* images/squiggly_error.png */
	background-image: url("");
}
.annotationRange.warning {
	/* images/squiggly_warning.png */
	background-image: url("");
}
.annotationRange.currentBracket {
}
.annotationRange.matchingBracket {
	outline: 1px solid red;
}
.annotationRange.currentSearch {
	background-color: #53D1FF;
}
.annotationRange.matchingSearch {
	background-color: #C3E1FF;
}
.annotationRange.currentSearch {
	background-color: #53D1FF;
}
.annotationRange.readOccurrence {
	background-color: lightgray;
}
.annotationRange.writeOccurrence {
	background-color: yellow;
}

/* Styles for lines of text */
.annotationLine {
}
.annotationLine.currentLine {
	background-color: #EAF2FE;
}

